<!--
- Author:  Lgh.
- Date:    2017/7/19 0019.
- File:    empty-data.
-->
<template>
  <div class="empty-data" v-show="show">
    <i class="iconfont icon-kong"></i>
    <p>
      <img src="@/assets/images/no_data.png" style="width: 8rem"/>
    </p>
  </div>
</template>

<script>
export default{
  data () {
    return {}
  },
  props: {
    show: {
      type: Boolean,
      default: function () {
        return false
      }
    }
  }
}
</script>

<style lang="less">
  .empty-data {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    margin-top: -55px;
    text-align: center;
    font-size: 14px;
    color: #aaa;
    i{
      font-size: 4.5rem;
    }
  }
</style>
